<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css"/>

</head>

<div class="lavalamp orange" >
<ul>
<li class="active"><a href="">School Info</a></img></li>
<li><a href="">首页</a></li>

<li><a href="">我的二手</a></li>
<li><a href="">热门市场</a></li>
<li><a href="">社团通知</a></li>

<li><a href="">讲座信息</a></li>
<li><a href="">联系我们</a></li>

</ul>
<div class="floatr"></div>
</div>
</br>
<div class="row">
	<div class="span2"></div>
	<div class="span8">
    <form class="form-search" >
		<input type="text" class="input-xxlarge search-query" placeholder="需要什么就搜什么" >
			<button type="submit" class="btn btn-info"><i class="icon-search"></i>   搜索</button>
        </form>	
		</div>
		<div class="span2 offset2">
		<button type="submit" class="btn btn-warning">我要发布</button>
		</div>
</div>
<div class="container-fluid">


	<div class="row">
		<div class="span3">
		<fieldset>
		<legend>商品分类</legend>
			<div class="accordion" id="accordion2">
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                  电器
                </a>
              </div>
              <div id="collapseOne" class="accordion-body collapse" style="height: 0px; ">
                <div class="accordion-inner">
				<ul>
					<li><a href="#">洗衣机</a></li></br>
					<li><a href="#">电视</a></li></br>
					<li><a href="#">打印机</a></li></br>
					<li><a href="#">其他电器</a></li></br>
				</ul>
                </div>
              </div>
            </div>
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                 运动
                </a>
              </div>
              <div id="collapseTwo" class="accordion-body collapse">
                <div class="accordion-inner auto">
					<ul>
					<li><a href="#">球拍</a></li></br>
					<li><a href="#">球类</a></li></br>
					<li><a href="#">轮滑</a></li></br>
					<li><a href="#">哑铃</a></li></br>
					<li><a href="#">其他器材</a></li></br>
				</ul>
                </div>
              </div>
            </div>
            <div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
					日用品
                </a>
              </div>
              <div id="collapseThree" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">包</a></li></br>
					<li><a href="#">伞</a></li></br>
					<li><a href="#">衣服</a></li></br>
					<li><a href="#">鞋帽</a></li></br>
					<li><a href="#">其他日用品</a></li>	</br>
				</ul>
                </div>
              </div>
            </div>
			<div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
                 租赁
                </a>
              </div>
              <div id="collapseFour" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">租房</a></li></br>
					<li><a href="#">租车</a></li></br>
					<li><a href="#">家教</a></li></br>
					<li><a href="#">其他租赁</a></li></br>
				</ul>
                </div>
              </div>
            </div>
			<div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFive">
                 书籍
                </a>
              </div>
              <div id="collapseFive" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">理工科教材</a></li></br>
					<li><a href="#">文科教材</a></li></br>
					<li><a href="#">选修课教材</a></li></br>
					<li><a href="#">杂志报刊小说</a></li></br>
					<li><a href="#">考研四六级</a></li></br>
					<li><a href="#">托福雅思GRE</a></li></br>
					<li><a href="#">其他器材</a></li></br>
				</ul>
                </div>
              </div>
            </div>
			<div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseSix">
                 电脑
                </a>
              </div>
              <div id="collapseSix" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">笔记本</a></li></br>
					<li><a href="#">台式机</a></li></br>
					<li><a href="#">路由器</a></li></br>
					<li><a href="#">鼠标键盘</a></li></br>
					<li><a href="#">电脑桌</a></li></br>
					<li><a href="#">其他外设</a></li></br>
				</ul>
                </div>
              </div>
            </div>
			<div class="accordion-group">
              <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseSeven">
                 数码
                </a>
              </div>
              <div id="collapseSeven" class="accordion-body collapse">
                <div class="accordion-inner">
					<ul>
					<li><a href="#">手机</a></li></br>
					<li><a href="#">相机</a></li></br>
					<li><a href="#">移动硬盘/U盘</a></li></br>
					<li><a href="#">PSP/Touch</a></li></br>
					<li><a href="#">MP3/4</a></li></br>
					<li><a href="#">其他数码</a></li></br>
				</ul>
                </div>
              </div>
            </div>
          </div>
		  </fieldset>
		</div>

        <div id="detailInfo" style="margin-left: 300px">
            <fieldset>
                <legend>最新商品</legend>
                <div><img  id="goodImg" src="" alt="商品图片" style="width: 150px;height: 150px; float: left" ></div>
                 <div>
                     <textarea id="goodInfo" rows="20" style="margin-left:30px;width: 800px;height: 300px; background-color:#ffffff;float: left"></textarea>
                 </div>
                <button type="submit" class="btn btn-info" style="margin-top:20px;margin-left: 850px">   举报商品</button>
            </fieldset>

        </div>
	</div>
	
 </div> 


<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/lavalamp.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
 <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>
 <script type="text/javascript" src="js/bootstrap-collapse.js"></script>
 <script type="text/javascript" src="js/bootstrap-tab.js"></script>
</html>